<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>云工厂</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/header-common.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="css/yun_gong_chang.css">
  <script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    if (window.ActiveXObject) {
      Sys.ie = ua.match(/msie ([\d.]+)/)[1]
      if (Sys.ie <= 8) {
        alert('你目前的IE版本为' + Sys.ie + '版本太低，请升级！');
        location.href = "http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie";
      }
    }
  </script>
</head>
<body>
<!--header-->
<div class="header-top-content">
  <div class="top-huise-content">
    <div class="header margin-auto">
      <div class="header-top cursor cf wow fadeInDown" data-wow-delay="0.2s">
        <div class="fl flex-grow-0 flex-y-center" >
          <img class="header-logo" src="./images/header-logo.png" alt="">
          <img src="./images/header-logo-right.png" alt="">
          <span class="compnay-desc">（央企旗下网站）</span>
        </div>
        <div class="contactBox flex-grow-0 flex-y-center fr cursor" >
          <img src="./images/header_phone.png" alt="">
          <span class="phone-number">400-189-2025</span><span class="phone-desc">客服中心2025网公众微信</span>
          <img class="small-erwei" src="./images/header_erwei.png" alt="">
          <img class="show-big-erwei" src="./images/erwei.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="header margin-auto header-bottom-box">
    <div class="header-bottom cf wow fadeInDown" data-wow-delay="0.2s">
      <div class="fl cursor">
        <img src="./images/header-logo-bottom.png" alt="">
      </div>
      <ul class="nav-box fr">
        <li><a href="./index.html">首页</a></li>
        <li class="current"><a href="./yun_gong_chang.html">云工厂</a></li>
        <li><a href="##">云展馆</a></li>
        <li><a href="./yun_qing_zhan.html">云轻站</a></li>
        <li><a href="##">工业仿真动画</a></li>
        <li><a href="##">企业影视</a></li>
        <li><a href="##">关于我们</a></li>
      </ul>
    </div>
  </div>
</div>
<!--banner start-->
<!--<img src="./images/bannerbg.png" alt="">-->
<div class="banner-content">
  <div class="banner-head-img wow bounceInRight" data-wow-delay="0.3s">
    <img src="./images/yun_gong_chang/banner-head-img.png" alt="">
  </div>
  <div class="banner-text-box">
    <div class="banner-text">
      <img src="./images/yun_gong_chang/banner-head-title.png" class="wow bounceInLeft" data-wow-delay="0.1s" alt="">
      <p class="wow bounceInLeft" data-wow-delay="0.2s">
        VR云工厂运用3D建模、VR编程、环绕音效等场景设置，提高制造工厂的透明度，构建出能够感知自动化生产环境的VR车间。从制造过程中机械设备的作业状态、工况监测数据到产品的装配、调试环节，整个生产系统都能通过VR工厂，真实地呈现在人们眼前</p>
      <div class="flex-row">
        <button class="btn tiyan wow bounceInLeft" data-wow-delay="1s">体验案例</button>
        <a href="#contact"><button class="btn cursor contactus active wow bounceInLeft" data-wow-delay="1s">联系我们</button></a>
      </div>
    </div>
  </div>
</div>
<!--01云工厂优势-->
<div class="youshi_big_box">
  <div class="white-bg-juxing fl"></div>
  <div class="youshiContent">
    <img class="title-01 wow bounceInLeft" data-wow-delay="0.1s" src="./images/yun_gong_chang/01_title_youshi.png" alt="">
    <img class="mask" src="./images/yun_gong_chang/opacitymask.png" alt="">
    <div class="text-box fl wow fadeIn" data-wow-delay="0.2s">
      <p class="title">虚拟仿真</p>
      <div class="blue-line"></div>
      <p class="title-desc">
        真实还原生产过程，如同身临其境；3D漫游、逼真呈现;交互式体验、沉浸其中、真实还原操作流程
      </p>
    </div>
    <ul class="text-box-right fl">
      <li class="hover wow bounceInRight" data-wow-delay="0.1s">
        <img class="centerimg" src="./images/yun_gong_chang/youshi1.png" alt="">
        <div class="img-mask"></div>
        <img class="img-title" src="./images/yun_gong_chang/Vir-title.png" alt="">
      </li>
      <li class="wow bounceInRight" data-wow-delay="0.4s">
        <div class="img-mask"></div>
        <img class="centerimg" src="./images/yun_gong_chang/youshi2.jpg" alt="">
        <img class="img-title" src="./images/yun_gong_chang/Mar-title.png" alt="">
      </li>
      <li class="wow bounceInRight" data-wow-delay="0.7s">
        <img class="centerimg" src="./images/yun_gong_chang/youshi3.jpg" alt="">
        <div class="img-mask"></div>
        <img class="img-title" src="./images/yun_gong_chang/Sec-title.png" alt="">
      </li>
      <li class="wow bounceInRight" data-wow-delay="1s">
        <img class="centerimg" src="./images/yun_gong_chang/you4.jpg" alt="">
        <div class="img-mask"></div>
        <img class="img-title" src="./images/yun_gong_chang/Tra-title.png" alt="">
      </li>
    </ul>
  </div>
</div>
</div>
<!--02-->
<div class="two-content">
  <img class="left-person wow bounceInDown" data-wow-delay="0.1s" src="./images/yun_gong_chang/02_left_person.jpg" alt="">
  <img class="right-person wow bounceInDown" data-wow-delay="0.2" src="./images/yun_gong_chang/02_right_person.jpg" alt="">
  <div class="chang_jing_box">
    <div class="cf wow bounceInRight" data-wow-delay="0.1s">
      <img class="fr" src="images/yun_gong_chang/02title.png" alt="">
    </div>
    <!--1-->
    <div class="flex-row flex-y-center chang_jing_item wow bounceInLeft" data-wow-delay="0.1s" data-woe-offset="100">
      <div class="img_box flex-grow-0">
        <img src="./images/yun_gong_chang/img2_03.png" alt="">
        <div class="border-line default-left"></div>
      </div>
      <div class="flex-grow-1">
        <p class="title">申报项目，规划设计</p>
        <div class="big_line"></div>
        <p class="desc">数字化工厂，智能化车间，提前将设计图纸转化为虚拟工厂既可多角度鸟瞰工厂，也可以查看设备和管网布置细节。</p>
      </div>
    </div>
    <!--2-->
    <div class="flex-row flex-y-center chang_jing_item wow bounceInRight" data-wow-delay="0.1s">
      <div class="flex-grow-1">
        <p class="title">在线网展，远程看厂</p>
        <div class="big_line"></div>
        <p class="desc">通过图文、视频、Flash、3D、 交互技术，真实还原设备构造和生产工艺流程， 实现远程看厂、操作维护、设备管理、培训指导 ,打造永不落幕的在线展览馆。</p>
      </div>
      <div class="img_box qu_bie flex-grow-0">
        <img src="./images/yun_gong_chang/img2_07.png" alt="">
        <div class="border-line default-right"></div>
      </div>
    </div>
    <!--3-->
    <div class="flex-row flex-y-center chang_jing_item wow bounceInLeft" data-wow-delay="0.1s">
      <div class="img_box flex-grow-0">
        <img src="./images/yun_gong_chang/img2_10.png" alt="">
        <div class="border-line default-left"></div>
      </div>
      <div class="flex-grow-1">
        <p class="title">虚拟产品设计</p>
        <div class="big_line"></div>
        <p class="desc">
          在产品设计的过程中，有时需要根据各方要求，修改原本的设计方案。这种反复改稿，重审设计结果的协调工作，往往耗时又耗精力。而利用VR远程多人交互技术，可以让所有工作人员进入同一个VR会议室，对产品的工艺和模型进行3D可视化设计，实时地观察到修改后的产品效果。</p>
      </div>
    </div>
    <!--4-->
    <div class="flex-row flex-y-center chang_jing_item wow bounceInRight" data-wow-delay="0.1s">
      <div class="flex-grow-1">
        <p class="title">虚拟产品装配</p>
        <div class="big_line"></div>
        <p class="desc">
          从评估设计模型的合理性，到零部件的模拟装配，VR解决了人与人之间的屏幕距离，创造了全新的面对面交流方式。大大缩短产品的设计周期，降低组件装配的误差率，为工业领域的协同办公带来了很大的帮助</p>
      </div>
      <div class="img_box qu_bie flex-grow-0">
        <img src="./images/yun_gong_chang/images_13.jpg" alt="">
        <div class="border-line default-right"></div>
      </div>
    </div>
  </div>
</div>
<div class="three-content">
  <div class="three-title wow bounceInLeft" data-wow-delay="0.1s">
    <img src="./images/yun_gong_chang/03-title.png" alt="">
  </div>
  <div class="white-bg-content">
    <div class="MackBook wow bounceInDown" data-wow-delay="0.3s">
      <img class="playBtn" src="./images/yun_gong_chang/palyBtn.png" alt="">
      <div class="video-container">
        <video poster="./images/yun_gong_chang/yun_gong_chang_video_bg.jpg"
               class="video"
        >
          <source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>
        </video>
      </div>
    </div>
    <div class="header margin-auto">
      <div class="flex-list">
        <div class="flex-grow-0 flex-row anlie_item">
          <div class="flex-grow-0 three-img-box">
            <img src="./images/yun_gong_chang/anlie_03.jpg" alt="">
          </div>
          <div class="right-desc flex-grow-1">
            <p class="right-title">客户描述</p>
            <p class="right-text">中国纺织机械（集团）有限公司产品覆盖纺纱、织造、染整、化纤、非织造、纺机专件等纺织装备各个环节，产业链条完整，产品规模位居全球纺机企业首位</p>
          </div>
        </div>
        <div class="flex-grow-0 flex-row anlie_item">
          <div class="flex-grow-0 three-img-box">
            <img src="./images/yun_gong_chang/anlie_05.jpg" alt="">
          </div>
          <div class="right-desc flex-grow-1">
            <p class="right-title">使用技术</p>
            <p class="right-text">中国纺织机械（集团）有限公司产品覆盖纺纱、织造、染整、化纤、非织造、纺机专件等纺织装备各个环节，产业链条完整，产品规模位居全球纺机企业首位</p>
          </div>
        </div>
        <div class="flex-grow-0 flex-row anlie_item">
          <div class="flex-grow-0 three-img-box">
            <img src="./images/yun_gong_chang/anlie_09.jpg" alt="">
          </div>
          <div class="right-desc flex-grow-1">
            <p class="right-title">产品优势</p>
            <p class="right-text">中国纺织机械（集团）有限公司产品覆盖纺纱、织造、染整、化纤、非织造、纺机专件等纺织装备各个环节，产业链条完整，产品规模位居全球纺机企业首位</p>
          </div>
        </div>
        <div class="flex-grow-0 flex-row anlie_item">
          <div class="flex-grow-0 three-img-box">
            <img src="./images/yun_gong_chang/anlie_11.jpg" alt="">
          </div>
          <div class="right-desc flex-grow-1">
            <p class="right-title">案列效果</p>
            <p class="right-text">中国纺织机械（集团）有限公司产品覆盖纺纱、织造、染整、化纤、非织造、纺机专件等纺织装备各个环节，产业链条完整，产品规模位居全球纺机企业首位</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="bottom-contact-box">
  <div class="header margin-auto center-bottom-box">
    <div class="wow bounceInDown" data-wow-delay=".2s">
      <a name="contact" id="contact"></a><img src="./images/yun_gong_chang/ContactUs.png" alt="">
      <p class="contactUsText">联系我们</p>
      <div class="one-line"></div>
    </div>
    <form id="form" action="." class="header margin-auto bottom-form wow fadeInDown" data-wow-delay=".1s">
      <div class="flex-list">
        <div class="flex-grow-0 item">
          <p>称呼</p>
          <input name="userName" type="text">
        </div>
        <div class="flex-grow-0 item">
          <p>联系方式</p>
          <input name="userPhone" type="text">
        </div>
        <div class="flex-grow-0 item">
          <p>服务内容</p>
          <select class="selectl item" name="select">
            <option>云工厂</option>
            <option>云展馆</option>
            <option>工业仿真动画</option>
            <option>高定H5</option>
            <option>企业影视</option>
          </select>
        </div>
      </div>
      <div>
        <textarea class="liuyan" name="description"></textarea>
      </div>
      <button class="bottom-submit">立即提交</button>
    </form>
  </div>
</div>

<footer class="footer_container">
  <div class="fadeback">
    <img class="goTop cursor wow bounceInDown" data-wow-delay="0.5s" src="./images/back_icon.png" alt="">
  </div>
  <div class="header margin-auto cf">
    <div>
      <dl class="footer-item-list">
        <dt>云展汇</dt>
        <dd><a href="##">展馆案例</a></dd>
        <dd><a href="##">党建专题</a></dd>
        <dd><a href="##">机械专题</a></dd>
      </dl>
      <dl class="footer-item-list">
        <dt>增值服务</dt>
        <dd><a href="##">高端定制H5</a></dd>
        <dd><a href="##">智能客服</a></dd>
        <dd><a href="##">企业影视</a></dd>
        <dd><a href="##">工业仿真</a></dd>
      </dl>
      <dl class="footer-item-list">
        <dt>其他服务</dt>
        <dd><a href="##">VR解决方案</a></dd>
        <dd><a href="##">互联网+</a></dd>
        <dd><a href="##">展销宝</a></dd>
      </dl>
      <dl class="footer-item-list">
        <dt>关于我们</dt>
        <dd><a href="##">公司介绍</a></dd>
        <dd><a href="##">团队实力</a></dd>
        <dd><a href="##">企业愿景</a></dd>
      </dl>
      <dl class="footer-item-list">
        <dt>热线电话</dt>
        <dd>400-189-2025</dd>
        <dd>客服一：189 7135 6279</dd>
        <dd>客服二：177 4050 2025</dd>
        <dd>QQ ：259 259 2025</dd>
      </dl>
    </div>
    <div class="footer-icon-box fl">
      <div><img src="./images/erwei.png" alt=""></div>
      <div class="icon-list">
        <a href="##"></a>
        <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2592592025&amp;site=qq&amp;menu=yes" target="_blank"></a>
        <a href="##"></a>
      </div>
    </div>
  </div>
  <div class="bottom-line"></div>
  <div class="copyRight">
    武汉纺友技术有限公司版权所有 鄂ICP备09014919号-39
  </div>
</footer>

<script src="./js/jquery.min.js"></script>
<script src="./js/wow.js"></script>
<script src="js/yun_gong_chang.js"></script>
<script>
  var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset:200,
    mobile: true,
    live:true
  });
  wow.init();
</script>
</body>
</html>